<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Event Detail</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.0.1/tailwind.min.css">
</head>
<body class="flex items-center justify-center h-screen bg-gray-100">
    <div class="bg-white shadow-lg rounded-lg p-6 w-80">
        <h2 class="text-2xl font-bold mb-4">{{ date.strftime('%Y-%m-%d') }} 的事件</h2>
        {% if event %}
            <p class="text-lg">{{ event.content }}</p>
        {% else %}
            <p class="text-lg">没有记录的事件。</p>
        {% endif %}
        <a href="{% url 'edit_event' year=date.year month=date.month day=date.day %}" class="mt-4 inline-block px-4 py-2 bg-blue-500 text-white rounded">编辑事件</a>
        <a href="/" class="mt-4 inline-block px-4 py-2 bg-gray-500 text-white rounded">返回日历</a>
    </div>
</body>
</html>
